<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>锤子商城-周洪民-列表页</title>
   <link rel="stylesheet" href="/css/list.css">
</head>
<body>
   <header></header>
   <div class="goods-menu">
      <a href="#" class="goods-menu-a" id="sort">综合排序</a>
      <a href="#" class="goods-menu-a" id="sales">销量排序</a>
      <a href="#" class="goods-menu-a" id="price_low">价格低到高</a>
      <a href="#" class="goods-menu-a" id="price_high">价格高到低</a>
   
      <p id='next'>›</p>
      <p id="prev" class="">‹</p>
     
   </div>
   <main id="goods">
      
   </main>
   <script type="text/html" id="goodsTemplate">
      {{each list item}}
         <div class="goods">
            <a href="/html/detailsPage.html?id={{item.spuInfo.skuId}}">
               <div class="goods-img">
                  <span data-tagText ={{item.spuInfo.tagType}}>{{item.spuInfo.tagText}}</span>
                  <img src="{{item.spuInfo.images}}" alt="">
               </div>
               <h3>{{item.spuInfo.spuTitle}}</h3>
               <h5>{{item.spuInfo.spuSubTitle}}</h5>

               <div class="goods-text">
                  {{if item.spuInfo.price != item.spuInfo.discountPrice}}
                  <p>￥{{item.spuInfo.discountPrice}}</p>
                  <del>￥{{item.spuInfo.price}}</del>
                  {{else}}
                  <p>￥{{item.spuInfo.discountPrice}}</p>
                  <!-- <del>￥{{item.spuInfo.discountPrice}}</del> -->
                  {{/if}}
               </div>
            </a>
         </div>
      {{/each}}
   </script>
   <footer></footer>
   <script src="/libs/require.js" data-main="/js/list.js"></script>
</body>
</html>